<template>
<el-container>
  <el-header style="height: 43px">
    订单审核
    

    
    <el-button type="primary" plain style="margin-left:80%" @click="closePage()">关闭页面</el-button>
    <el-button icon="el-icon-search" circle @click="refresh()" ></el-button>
    
  </el-header>
  <el-container>
    <el-main style="background-color:white;width:49.4%">
        <el-container>
            <el-header>资料区</el-header>
            <el-main> 
                <el-tabs type="border-card">
                    <el-tab-pane label="申请信息">
                       <el-collapse v-model="activeNames" @change="handleChange">
          <el-collapse-item>
              <template slot="title">
                <h1>用户详情</h1>
              </template>
            <template>
              <el-descriptions class="margin-top"  :column="3" :size="size" border>
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        用户编号 
                      </template>
                        <span>{{userData.userId}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        用户姓名
                      </template>
                      <span>{{userData.realName}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-mobile-phone"></i>
                        用户电话
                      </template>
                      <span>{{userData.userPhone}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        身份证
                      </template>
                      <span>{{userData.identityCard}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        银行卡号
                      </template>
                      <span>{{userData.bankCard}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-location-outline"></i>
                        家庭住址
                      </template>
                      <span>{{userData.address}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        教育程度
                      </template>
                      <span>{{userData.educationLevel}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        职业
                      </template>
                      <span>{{userData.occupation}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        月收入
                      </template>
                      <span>{{userData.occupation}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        房权证号
                      </template>
                      <span>{{userData.houseCertificate}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        信用情况
                      </template>
                      <span>{{userData.creditStanding}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        贷款说明
                      </template>
                      <span>{{userData.loanDescription}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        紧急联系人电话
                      </template>
                      <span>{{userData.emergencyPhone}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-user"></i>
                        更新时间
                      </template>
                      <span>{{userData.updateTime}}</span>
                    </el-descriptions-item>

                  </el-descriptions>

                  </template>
                </el-collapse-item>

          
              <el-collapse-item>
              <template slot="title">
                <h1>产品详情</h1>
              </template>
              <template>
              <el-descriptions class="margin-top"  :column="3" :size="size" border>
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        产品编号 
                      </template>
                        <span>{{productData.id}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        产品名称 
                      </template>
                        <span>{{productData.productName}}</span>
                    </el-descriptions-item>
                    
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        图片 
                      </template>
                        <span>{{productData.image}}</span>
                    </el-descriptions-item>
                    
                    
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        资金方 
                      </template>
                        <span>{{productData.escrow}}</span>
                    </el-descriptions-item>
                    
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        审核状态Y 
                      </template>
                        <span v-if="productData.auditStatus=='0'">未审核</span>
                        <span v-else="productData.auditStatus=='1'">已审核</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        启用状态Y 
                      </template>
                       
                        <span v-if="productData.enableStatus=='0'">未启用</span>
                        <span v-else="productData.enableStatus=='1'">已启用</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        月利率
                      </template>
                        <span>{{productData.monthRate}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        咨询费率
                      </template>
                        <span>{{productData.consultingRate}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        保证金费率
                      </template>
                        <span>{{productData.marginRate}}</span>
                    </el-descriptions-item>

                    
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        还款方式
                      </template>
                      <span v-if="productData.paymentMethod=='0'">等额本息</span>
                      <span v-else-if="productData.paymentMethod=='1'">等本等息</span>
                      <span v-else-if="productData.paymentMethod=='2'">先息后本</span>
                      <span v-else="productData.paymentMethod=='3'">一次性环息付本</span>
                    </el-descriptions-item>

                    
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        贷款期限
                      </template>
                        <span v-if="productData.loanTerm=='0'">1个月</span>
                        <span v-else-if="productData.loanTerm=='1'">3个月</span>
                        <span v-else-if="productData.loanTerm=='2'">6个月</span>
                        <span v-else-if="productData.loanTerm=='3'">9个月</span>
                        <span v-else-if="productData.loanTerm=='4'">12个月</span>
                        <span v-else-if="productData.loanTerm=='5'">18个月</span>
                        <span v-else-if="productData.loanTerm=='6'">24个月</span>
                        <span v-else="productData.loanTerm=='7'">36个月</span>
                    </el-descriptions-item>

                    
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        创建者
                      </template>
                        <span>{{productData.creater}}</span>
                    </el-descriptions-item>

                    
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        更新者
                      </template>
                        <span>{{productData.updater}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        创建时间
                      </template>
                        <span>{{productData.creatTime}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        更新时间
                      </template>
                        <span>{{productData.updateTime}}</span>
                    </el-descriptions-item>

              </el-descriptions> 
              </template>     
            </el-collapse-item>

            <el-collapse-item>
              <template slot="title">
                <h1>家庭信息</h1>
              </template>
              <template>
              <el-descriptions class="margin-top"  :column="3" :size="size" border>
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        配偶名字 
                      </template>
                        <span>{{homeData.mateName}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        身份证 
                      </template>
                        <span>{{homeData.identityCard}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        性别
                      </template>
                        <span>{{homeData.sex}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        民族
                      </template>
                        <span>{{homeData.nation}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        生日
                      </template>
                        <span>{{homeData.birthday}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        年龄
                      </template>
                        <span>{{homeData.age}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        发证机关 
                      </template>
                        <span>{{homeData.authority}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        祖籍
                      </template>
                        <span>{{homeData.residence}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        现住址 
                      </template>
                        <span>{{homeData.address}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        电话 
                      </template>
                        <span>{{homeData.phone}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        学历等级 
                      </template>
                        <span>{{homeData.education}}</span>
                    </el-descriptions-item>

                
              </el-descriptions> 
              </template>     
            </el-collapse-item>

            <el-collapse-item>
              <template slot="title">
                <h1>财产信息</h1>
              </template>
              <template>
              <el-descriptions class="margin-top"  :column="3" :size="size" border>
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        住宅类型 
                      </template>
                        <span>{{propertyData.houseType}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        住宅地址 
                      </template>
                        <span>{{propertyData.houseAddress}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        汽车品牌 
                      </template>
                        <span>{{propertyData.carBrand}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        汽车类型 
                      </template>
                        <span>{{propertyData.carType}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        是否按揭贷款
                      </template>
                        <span>{{propertyData.mortgage}}</span>
                    </el-descriptions-item>

      
              </el-descriptions> 
              </template>     
            </el-collapse-item>

            <el-collapse-item>
              <template slot="title">
                <h1>担保人信息</h1>
              </template>
              <template>
              <el-descriptions class="margin-top"  :column="3" :size="size" border>
                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        姓名 
                      </template>
                        <span>{{guarantorData.name}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        身份证 
                      </template>
                        <span>{{guarantorData.identityCard}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        性别
                      </template>
                        <span>{{guarantorData.sex}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        民族
                      </template>
                        <span>{{guarantorData.nation}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        生日
                      </template>
                        <span>{{guarantorData.birthday}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        年龄
                      </template>
                        <span>{{guarantorData.age}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        发证机关 
                      </template>
                        <span>{{guarantorData.authority}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        祖籍
                      </template>
                        <span>{{guarantorData.residence}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        现住址 
                      </template>
                        <span>{{guarantorData.address}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        电话 
                      </template>
                        <span>{{guarantorData.phone}}</span>
                    </el-descriptions-item>

                    <el-descriptions-item>
                      <template slot="label">
                        <i class="el-icon-tickets"></i>
                        学历等级 
                      </template>
                        <span>{{guarantorData.education}}</span>
                    </el-descriptions-item>

                
              </el-descriptions> 
              </template>     
            </el-collapse-item>
            
                       </el-collapse>
                    </el-tab-pane>


                    <el-tab-pane label="申请人附件信息">
                          <el-collapse v-model="activeNames" @change="handleChange">
                            <el-collapse-item>
                                <template slot="title">
                                  <h1>申请人身份证原件</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/idCard/idcard.webp" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/idCard/idcard2.webp" style="height: 15%;width: 30%;" />
                                </template>     
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>申请人配偶身份证原件</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/mateIdCard/mateIdCard.gif" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/mateIdCard/metaIdCard2.webp" style="height: 15%;width: 30%;" />
                                </template>    
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>申请人户口本原件</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/household/house1.webp" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/household/house2.jpg" style="height: 15%;width: 30%;" />
                                </template>   
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>申请人配偶户口本原件</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/household/house5.webp" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/household/house6.webp" style="height: 15%;width: 30%;" />
                                </template>    
                              </el-collapse-item>
                              
                              <el-collapse-item>
                                <template slot="title">
                                  <h1>个人或直系亲属从业证明</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate.webp" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate2.gif" style="height: 15%;width: 30%;" />
                                </template>      
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>申请人婚姻证明</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate2.gif" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate.webp" style="height: 15%;width: 30%;" />
                                </template> 
                              </el-collapse-item>
                          </el-collapse>
                    </el-tab-pane>


                    <el-tab-pane label="担保人附件">
                       <el-collapse v-model="activeNames" @change="handleChange">
                            <el-collapse-item>
                                <template slot="title">
                                  <h1>担保人身份证原件</h1>
                                </template>
                                <template>
                          
                                  <img src="@/views/credit_admin/idCardImag/mateIdCard/mateIdCard.gif" style="height: 15%;width: 30%;"/>     
                                  <img src="@/views/credit_admin/idCardImag/household/house5.webp" style="height: 15%;width: 30%;"/>
                                </template>     
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>担保人配偶身份证原件</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/household/house1.webp" style="height: 15%;width: 30%;"/>
                                  <img src="@/views/credit_admin/idCardImag/idCard/idcard.webp" style="height: 15%;width: 30%;"/>      
                                  
                                </template>    
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>担保人户口本原件</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/mateIdCard/metaIdCard2.webp" style="height: 15%;width: 30%;" />
                                        <img src="@/views/credit_admin/idCardImag/household/house2.jpg" style="height: 15%;width: 30%;" />
                                </template>   
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>担保人配偶户口本原件</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/household/house5.webp" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/household/house6.webp" style="height: 15%;width: 30%;" />
                                </template>    
                              </el-collapse-item>
                              
                              <el-collapse-item>
                                <template slot="title">
                                  <h1>担保人从业证明</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate.webp" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate2.gif" style="height: 15%;width: 30%;" />
                                </template>      
                              </el-collapse-item>

                              <el-collapse-item>
                                <template slot="title">
                                  <h1>担保人婚姻证明</h1>
                                </template>
                                <template>
                                  <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate2.gif" style="height: 15%;width: 30%;"/>
                                        <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate.webp" style="height: 15%;width: 30%;" />
                                </template> 
                              </el-collapse-item>
                          </el-collapse>

                    </el-tab-pane>
                </el-tabs>  
            </el-main>
        </el-container>
    </el-main>
    <div style="background-color: #d3d3d3e3; width:1.2%"></div>
    <el-main style="background-color: white;width:49.4%">
        <el-container>
            <el-header>操作区</el-header>
            <el-main>
                <el-tabs type="border-card">
                    <el-tab-pane label="征信">
                            <el-descriptions class="margin-top"  :column="1" :size="size" border>   
                            <el-descriptions-item>
                              <template slot="label">
                                  信用记录是否空白
                                </template>
                                <el-switch
                                v-model="examineNewData.creditRecord"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                active-text="是"
                                inactive-text="否">
                            </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                              <template slot="label">
                                  用户是否有过逾期行为
                                </template>
                                <el-switch
                                v-model="examineNewData.overdue"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                active-text="是"
                                inactive-text="否">
                            </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                              <template slot="label">
                                  用户申请金额是否超过还款能力
                                </template>
                                <el-switch
                                v-model="examineNewData.exceedsCapacity"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                active-text="是"
                                inactive-text="否">
                            </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                              <template slot="label">
                                  单笔负债是否异常
                                </template>
                                <el-switch
                                v-model="examineNewData.singleDebt"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                active-text="是"
                                inactive-text="否">
                            </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                              <template slot="label">
                                  单笔对外担保负债是否出现异常
                                </template>
                                <el-switch
                                v-model="examineNewData.singleGuaranteeDebt"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                active-text="是"
                                inactive-text="否">
                            </el-switch>
                          </el-descriptions-item>
                            
                          </el-descriptions> 
                    
                    </el-tab-pane>

                    <el-tab-pane label="反欺诈">
                         <el-collapse v-model="activeNames" @change="handleChange">
                            <el-collapse-item title="人法网信息" name="1">
                              <el-descriptions class="margin-top"  :column="1" :size="size" border>
                                      <el-descriptions-item>
                                    <template slot="label">
                                        申请人是否存在人法被执行记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.execution"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                      <el-descriptions-item>
                                    <template slot="label">
                                      申请人配偶是否存在人法被执行记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.mateExecution"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                  <el-descriptions-item>
                                    <template slot="label">
                                      担保人是否存在人法被执行记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.guarantorExecution"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      担保人配偶是否存在人法被执行记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.guarantorMateExecution"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                              </el-descriptions>
                            </el-collapse-item>


                            <el-collapse-item title="失信网信息" name="2">
                              <el-descriptions class="margin-top"  :column="1" :size="size" border>
                                <el-descriptions-item>
                                    <template slot="label">
                                      申请人是否存在失信记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.dishonesty"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      申请人配偶是否存在失信记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.mateDishonesty"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>


                                <el-descriptions-item>
                                    <template slot="label">
                                      担保人是否存在失信记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.guarantorDishonesty"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      担保人配偶是否存在失信记录
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.guarantorMateDishonesty"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>
                              </el-descriptions>
                            </el-collapse-item>


                            <el-collapse-item title="工商网信息" name="3">
                              <el-descriptions class="margin-top"  :column="1" :size="size" border>
                                <el-descriptions-item>
                                    <template slot="label">
                                      申请人身份证号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.idCardAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      申请人配偶身份证号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.idCardMateAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      自然担保人身份证号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.idCardGuarantorAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      自然担保人配偶身份证号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.idCardGuarantorMateAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      申请人手机号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.phoneAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>
                              

                              <el-descriptions-item>
                                    <template slot="label">
                                      申请人配偶/直系亲属手机号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.phoneMateAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>
                              

                              <el-descriptions-item>
                                    <template slot="label">
                                      自然担保人手机号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.phoneGuarantorAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>
                            

                              <el-descriptions-item>
                                    <template slot="label">
                                      自然担保人配偶手机号码存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.phoneGuarantorMateAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      申请人现住址存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.addressAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>

                                <el-descriptions-item>
                                    <template slot="label">
                                      自然担保人现住址存在异常信息
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.addressGuarantorAbnormal"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                                </el-descriptions-item>
                              </el-descriptions>
                            
                              
                            </el-collapse-item>
                          </el-collapse>                
                    </el-tab-pane>

                    <el-tab-pane label="电话核查">
                      <el-descriptions class="margin-top"  :column="1" :size="size" border>
                           <el-descriptions-item>
                                    <template slot="label">
                                      是否为被调查对象本人接听
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.oneself"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                                    <template slot="label">
                                      身份证（生日、年龄、属相）核实是否一致
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.idCardConsistent"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                          </el-descriptions-item>
                      

                          <el-descriptions-item>
                                    <template slot="label">
                                      家庭联系人姓名关系核实是否一致
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.relationshipConsistent"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                                    <template slot="label">
                                      父母是否共同生活
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.livingTogether"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                                    <template slot="label">
                                      当前住址与申请表是否一致
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.addressConsistent"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                          </el-descriptions-item>

                          <el-descriptions-item>
                                    <template slot="label">
                                      财产情况与申请表是否一致
                                      </template>
                                      <el-switch
                                      v-model="examineNewData.propertyConsistent"
                                      active-color="#13ce66"
                                      inactive-color="#ff4949"
                                      active-text="是"
                                      inactive-text="否">
                                  </el-switch>
                          </el-descriptions-item>
                      </el-descriptions>                    
                    </el-tab-pane>

                    <el-tab-pane label="还款能力核算">
                      <el-collapse v-model="activeNames" @change="handleChange">
                        <el-collapse-item title="家庭收入" name="1">
                        <el-descriptions class="margin-top"  :column="1" :size="size" border>
                              <el-descriptions-item>
                                    <template slot="label">   
                                      住房公积金缴费基数(元)
                                      </template>
                                     
                                          <el-select v-model="examineNewData.accumulationFund" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                          <el-option label="3000元" value='3000' />
                                          <el-option label="4000元" value='4000' />
                                          <el-option label="5000元" value='5000' />
                                        </el-select>
                                       
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      社保缴费工资(元)
                                      </template>
                                      <el-select v-model="examineNewData.socialSecurity" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                          <el-option label="3000元" value='3000' />
                                          <el-option label="4000元" value='4000' />
                                          <el-option label="5000元" value='5000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      银行流水的收入认定(元)
                                      </template>
                                      <el-select v-model="examineNewData.bankFlow" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                          <el-option label="3000元" value='3000' />
                                          <el-option label="4000元" value='4000' />
                                          <el-option label="5000元" value='5000' />
                                        </el-select>
                              </el-descriptions-item>

                              
                        </el-descriptions>
                      </el-collapse-item>

                      <el-collapse-item title="家庭支出" name="2">
                        <el-descriptions class="margin-top"  :column="1" :size="size" border>
                        <el-descriptions-item>
                                    <template slot="label">   
                                      日常支出(元）
                                      </template>
                                      <el-select v-model="examineNewData.dailyPay" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                          <el-option label="3000元" value='3000' />
                                          <el-option label="4000元" value='4000' />
                                          <el-option label="5000元" value='5000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      教育支出(元)
                                      </template>
                                      <el-select v-model="examineNewData.educationPay" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                          <el-option label="3000元" value='3000' />
                                          <el-option label="4000元" value='4000' />
                                          <el-option label="5000元" value='5000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      银行流水的收入认定(元)
                                      </template>
                                      <el-select v-model="examineNewData.medicalPay" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                          <el-option label="3000元" value='3000' />
                                          <el-option label="4000元" value='4000' />
                                          <el-option label="5000元" value='5000' />
                                        </el-select>
                              </el-descriptions-item>
                            </el-descriptions>
                      </el-collapse-item>

                      <el-collapse-item title="家庭负债" name="3">
                        <el-descriptions class="margin-top"  :column="1" :size="size" border>
                          <el-descriptions-item>
                                    <template slot="label">   
                                      贷款(元)
                                      </template>
                                      <el-select v-model="examineNewData.travelPay" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="10000元" value='10000' />
                                          <el-option label="20000元" value='20000' />
                                          <el-option label="30000元" value='30000' />
                                          <el-option label="40000元" value='40000' />
                                          <el-option label="50000元" value='50000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      贷记卡(元)
                                      </template>
                                      <el-select v-model="examineNewData.insurancePay" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="10000元" value='10000' />
                                          <el-option label="20000元" value='20000' />
                                          <el-option label="30000元" value='30000' />
                                          <el-option label="40000元" value='40000' />
                                          <el-option label="50000元" value='50000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      个人信贷(元)
                                      </template>
                                      <el-select v-model="examineNewData.loan" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="10000元" value='10000' />
                                          <el-option label="20000元" value='20000' />
                                          <el-option label="30000元" value='30000' />
                                          <el-option label="40000元" value='40000' />
                                          <el-option label="50000元" value='50000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      应付账款(元)
                                      </template>
                                      <el-select v-model="examineNewData.currentPay" placeholder="审核状态" clearable style="width: 240px">
                                        <el-option label="10000元" value='10000' />
                                          <el-option label="20000元" value='20000' />
                                          <el-option label="30000元" value='30000' />
                                          <el-option label="40000元" value='40000' />
                                          <el-option label="50000元" value='50000' />
                                      </el-select>
                              </el-descriptions-item>
                        
                        </el-descriptions>

                        </el-collapse-item>
                      </el-collapse>
                    </el-tab-pane>



                    

                    <el-tab-pane label="审核操作">
                      <div style="width:35%;margin-left:30%" >
                      <el-form ref="form" :model="form" label-width="80px" >
                        <el-form-item label="">
                          <el-button type="primary" :disabled="submit" @click="machineMark()" >机 器 审 核</el-button>
                        </el-form-item>
                        <el-form-item label="审核评分:">
                          {{machineScore.score}}
                        </el-form-item>
                        <el-form-item label="审核建议:">
                          {{machineScore.advice}}
                        </el-form-item>
                        <el-form-item label="审核员:">
                          {{updone.auditor}}
                        </el-form-item>
                        <el-form-item label="">
                          <el-button type="primary" :disabled="submit" @click="examineSubmit" >审 核 通 过</el-button>
                        </el-form-item>
                        <el-form-item label="">
                          <el-button type="danger"  :disabled="reject" @click="examineReject" >审 核 拒 绝</el-button>
                        </el-form-item>
                      </el-form>
                    </div>


                    </el-tab-pane>
                </el-tabs> 
            </el-main>
        </el-container>
    </el-main>
  </el-container>
</el-container>
  </template>

<style>
   .el-header, .el-footer {
    background-color: #e9e9e9d5;
    color: #333;
    text-align: left;
    line-height: 43px;
  }
 
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    /* line-height: 200px; */
  }
  
  body > .el-container {
    margin-bottom: 40px;
  }
  
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }


  </style>

<script>
    import { listOrder, getOrder, delOrder, addOrder, updateOrder,addContract,sendTest } from "@/api/credit/creOrder";
    import { getProducts } from "@/api/credit/creproduct";
    import { getUser } from "@/api/credit/creUser";
    import { listExamine,addExamine,listExamineByOrderId,updateExamine} from "../../api/credit/creExamine";  
    import { listExamineNew,getExamineNew,addExamineNew,updateExamineNew,delExamineNew,getExamineNewByOrderId,machineAudit,getUserName} from "@/api/credit/creExamineNew";
    export default {
      data() {
        return {
          activeName: 'first',
          activeName2:'second',
          //机器审核评分
          machineScore:{
            score:null,
            advice:null,

          },
          
          
          //审核按钮传值
          orderId:null,
          userId:null,
          productId:null,
          auditStatus:null,
          
             //用户数据
            userData:{},
            //产品数据
            productData:{},
            //审核数据
            // examineNewData:{}, 
            
            //审核通过及拒绝发送的实体
              updone:{
                orderId:null,
                auditor:null,
                auditStatus:null,
              },

             //审核面板记录
             examineNewData:{
                orderId:null,
                creditRecord:true,
                overdue:true,
                exceedsCapacity:true,
                singleDebt:true,
                singleGuaranteeDebt:true,
                execution:true,
                mateExecution:true,
                guarantorExecution:true,
                guarantorMateExecution:true,
                dishonesty:true,
                mateDishonesty:true,
                guarantorDishonesty:true,
                guarantorMateDishonesty:true,
                idCardAbnormal:true,
                idCardMateAbnormal:true,
                idCardGuarantorAbnormal:true,
                idCardGuarantorMateAbnormal:true,
                phoneAbnormal:true,
                phoneMateAbnormal:true,
                phoneGuarantorAbnormal:true,
                phoneGuarantorMateAbnormal:true,
                addressAbnormal:true,
                addressGuarantorAbnormal:true,
                oneself:true,
                idCardConsistent:true,
                relationshipConsistent:true,
                livingTogether:true,
                addressConsistent:true,
                propertyConsistent:true,
                accumulationFund:0,
                socialSecurity:0,
                bankFlow:0,
                dailyPay:0,
                educationPay:0,
                medicalPay:0,
                travelPay:0,
                insurancePay:0,
                loan:0,
                currentPay:0,
            },
             

            //假数据 家庭信息
              homeData:{
                mateName:"黄晓明",
                identityCard:"371323879992393",
                sex:"男",
                nation:"汉族",
                birthday:'1988-03-34',
                age:"30",
                authority:"沂水县公安局",
                residence:"山东省临沂市沂水县",
                address:"山东省济南市历下区汉峪金谷",
                phone:"15234233423",
                education:"高中",
              },           
               //假数据 财产信息
               propertyData:{
                houseType:"住宅",
                houseAddress:"山东省",
                carBrand:"奔驰",
                carType:"未知",
                mortgage:"是",
               },

            //假数据 担保人信息
            guarantorData:{
                name:"黄晓明",
                identityCard:"371323879992393",
                sex:"男",
                nation:"汉族",
                birthday:'1988-03-34',
                age:"30",
                authority:"沂水县公安局",
                residence:"山东省临沂市沂水县",
                address:"山东省济南市历下区汉峪金谷",
                phone:"15234233423",
                education:"高中",
            },


        };
      },
      created() {
        this.getParams();
        this.getUserData();
        this.getProductData();
        this.resetExamineNewData();
        this.getAuditName();
        console.log(auditName);
        // this.getExamineNewData();
        
     },
      methods: {

        //获得审核人名字
        getAuditName(){
          getUserName().then(response=>{
            console.log(1);
            this.updone.auditor = response.msg;
          })
        },
        //机器审核
        machineMark(){
          console.log(1);
          machineAudit(this.examineNewData).then(response=>{
            console.log(response.data);
            this.machineScore = response.data;
          })
        },
        
        //获得审核按钮传值
        getParams(){
          this.orderId = this.$route.query.orderId;
            this.userId = this.$route.query.userId;
            this.productId = this.$route.query.productId;
            this.auditStatus = this.$route.query.auditStatus;
        },

        //获得用户数据
        getUserData(){
            getUser(this.userId).then(response=>{
            this.userData = response.data; 
            }); 
        },

        //获得产品数据
        getProductData(){
          getProducts(this.productId).then(response=>{
                this.productData = response.data;
            });
        },

        //获得审核数据
        getExamineNewData(){
          getExamineNewByOrderId(this.orderId).then(response=>{
                this.examineNewData = response.data;
            }
          );
        },

        // 审核表单重置
        resetExamineNewData(){
                this.examineNewData = {
                orderId:null,
                creditRecord:true,
                overdue:true,
                exceedsCapacity:true,
                singleDebt:true,
                singleGuaranteeDebt:true,
                execution:true,
                mateExecution:true,
                guarantorExecution:true,
                guarantorMateExecution:true,
                dishonesty:true,
                mateDishonesty:true,
                guarantorDishonesty:true,
                guarantorMateDishonesty:true,
                idCardAbnormal:true,
                idCardMateAbnormal:true,
                idCardGuarantorAbnormal:true,
                idCardGuarantorMateAbnormal:true,
                phoneAbnormal:true,
                phoneMateAbnormal:true,
                phoneGuarantorAbnormal:true,
                phoneGuarantorMateAbnormal:true,
                addressAbnormal:true,
                addressGuarantorAbnormal:true,
                oneself:true,
                idCardConsistent:true,
                relationshipConsistent:true,
                livingTogether:true,
                addressConsistent:true,
                propertyConsistent:true,
                accumulationFund:0,
                socialSecurity:0,
                bankFlow:0,
                dailyPay:0,
                educationPay:0,
                medicalPay:0,
                travelPay:0,
                insurancePay:0,
                loan:0,
                currentPay:0,
                };
            },
        //关闭页面
        closePage(){
          this.$router.push({
            path:"/credit_admin/creOrder/credit_admin/creOrder",
          });
        },
        //审核通过按钮
        examineSubmit(){
          this.examineNewData.orderId = this.orderId;
          addExamineNew(this.examineNewData).then(response=>{
            this.$modal.msgSuccess("审核通过");
          });
          this.updone.orderId = this.orderId;
          this.updone.auditStatus ="1";
          updateOrder(this.updone);
          this.$router.push({
            path:"/credit_admin/creOrder/credit_admin/creOrder",
          });
        },

        //审核拒绝按钮
        examineReject(){
          this.examineNewData.orderId = this.orderId;
          addExamineNew(this.examineNewData).then(response=>{
            this.$modal.msgSuccess("审核拒绝");
          });
          this.updone.orderId = this.orderId;
          this.updone.auditStatus ="2";
          updateOrder(this.updone);
          this.$router.push({
            path:"/credit_admin/creOrder/credit_admin/creOrder",
          });
        },
        //顶部审核表刷新按钮
        refresh(){
          this.resetExamineNewData();
        },

        handleClick(tab, event) {
          console.log(tab, event);
        },
      }
    };
  </script>